看了GUI的片段覺得很人性化噎~開新專案跟Cli沒什麼差別,不過在run serve
或run build
的時候感覺很方便,還有分析圖跟檔案大小解析、擴充常用插件(jQuery、Bootstrap等等)有興趣的人可以去試用看看,在終端機輸入指令:
vue ui
官網:使用图形化界面
原來搬遷這部分是沒有免費影片可以看的。為什麼說淺談,因為感覺會有很多細節是會被忽視,導致搬遷不成功,還是得靠經驗
參考,兩篇都來自 medium:
Sultan Iman How to upgrade to Vue-cli 3?、JIN Weijie Migrate from Vue Cli 2 to 3
綜合以上以及六角教學影片,做法大致上會是(在已安裝好 Cli3.0+的情況下):
1.用cli3.0指令建立一個新專案
2.package.json
查找原專案用到的插件(dependencies
),如jQuery,用GUI或Cli(npm/yarn
)安裝在新的專案裡
3.複製src
資料夾中內容到新專案,不過2.0中只有components
folder,3.0有多了view
folder
4.(存疑)專案根目錄下建立aliases.config.js
、vue.config.js
5.環境變數檔.env
的創建及修正
6.run serve
、開發者工具檢查
The key difference is that some Vue components act as Views for routing.
簡單來說就也是一種路由檔,溝通<router-view>
,筆者覺得這樣理解比較快
@字元
視src
為根目錄,但在第一個參考網站的下方有人留言已是預設值,不需這麼做,想必也有些人是歷經過許多的網路空間搬家,想當初的從無名小站出走,或從近期的其他網站搬到hexo...都是件不簡單的工程。既然現在已經有cli3.0+,就直接從3.0+開發吧!搬家最累了啊XD